.pro-view {
    width: 100%;
    height: 100%;
    display: flex;
    // background: url("~@/assets/images/proview/bg.png") no-repeat;
    // background-size: 100% 100%;
    background-color: #000;
    flex-flow: column;

    .pro-header {
        height: vh(68);
        background: url("~@/assets/images/proview/header.png") no-repeat 0 0;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }
    .pro-nav-box {
        position: absolute;
        width: vw(730);
        height: vh(56);
        // background-color: aqua;
        z-index: 100;
        left: vw(500);
        top: 0;
        display: flex;
        align-items: center;
    }
    .pro-footer {
        height: vh(20);
        background: url("~@/assets/images/proview/footer.png") no-repeat 0 0;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }

    .pro-main {
        width: 100%;
        height: 100%;
        overflow: hidden;
        .pro_text1 {
            color: #2ef7fc;
        }
        .pro_text2 {
            color: #22de35;
        }
        .pro_text3 {
            color: #ff3636;
        }
        .pro_text4 {
            color: rgba($color: #ffffff, $alpha: 0.7);
        }
        .pro_text5 {
            color: rgba($color: #ffffff, $alpha: 0.2);
        }
        .pro_border {
            border: 1px solid rgba(22, 159, 196, 0.25);
        }
        .pro_bg1 {
            background: rgba(22, 159, 196, 0.2);
        }
        .pro_bg2 {
            background: rgba(8, 57, 87, 0.6);
        }

        .g_content {
            min-height: 100%;
            padding: vw(30);
        }

        .pro-bgcolor {
            background: rgba(6, 14, 48, 0.3);
            border: 1px solid #123a7e;
        }
        .pro-bgcolor1 {
            background: url("~@/assets/images/proview/bg1.png") no-repeat 0 0;
            background-size: 100% 100%;
        }
        .pro-bgcolor2 {
            background: url("~@/assets/images/proview/bg2.png") no-repeat 0 0;
            background-size: 100% 100%;
        }
        .pro-bgcolor3 {
            background: url("~@/assets/images/proview/bg3.png") no-repeat 0 0;
            background-size: 100% 100%;
        }

        .pro-bgcolor5 {
            background: url("~@/assets/images/proview/bg5.png") no-repeat 0 0;
            background-size: 100% 100%;
        }
        .pro-bgcolor6 {
            background: url("~@/assets/images/proview/bg_TOp.png") no-repeat 0 0;
            background-size: 100% 100%;
        }
        .pro-bgcolor7 {
            background: rgba(8, 57, 87, 0.6);
            border: 1px solid rgba(22, 159, 196, 0.25);
        }
        .pro-bgcolor8 {
            background: url("~@/assets/images/proview/Component31.png") no-repeat;
            background-size: 100% 100%;
        }
        .pro-bgcolor9 {
            background: url("~@/assets/images/proview/bg_content1.png") no-repeat;
            background-size: 100% 100%;
        }
        .pro-bgcolor10 {
            background: url("~@/assets/images/proview/bg_content2.png") no-repeat;
            background-size: 100% 100%;
        }

        .pro-bgcolor11 {
            background: url("~@/assets/images/proview/bg_content4.png") no-repeat;
            background-size: 100% 100%;
        }
        .pro-bgcolor544 {
            background: url("~@/assets/images/proview/w_544.png") no-repeat;
            background-size: 100% 100%;
        }
        .pro-bgcolor1164 {
            background: url("~@/assets/images/proview/w_1164.png") no-repeat;
            background-size: 100% 100%;
        }
        .pro-bgcolor1728 {
            background: url("~@/assets/images/proview/w_1728.png") no-repeat;
            background-size: 100% 100%;
        }
        .pro-bgcolor-text {
            background: linear-gradient(180deg, #ffffff 0%, #2ef7fc 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }
        .s_box {
            display: grid;
            grid-template-columns: 5fr 2fr 2fr;
            grid-gap: vh(20) vw(20);
            .search_btn {
                cursor: pointer;
                padding: 0px 10px;
                height: 36px;
                background: linear-gradient(180deg, #033748 0%, #169fc4 100%);
                border: 1px solid rgba(41, 173, 249, 0.4);
                .txt {
                    font-size: 14px;
                    color: white;
                }
            }
            .reset_btn {
                cursor: pointer;
                padding: 0px 10px;
                height: 36px;
                background: #002440; // 16171F
                border: 1px solid rgba(41, 173, 249, 0.4);
                .txt {
                    font-size: 14px;
                    color: white;
                }
            }
        }
        .s_box2 {
            display: grid;
            grid-template-columns: 5fr 2fr 2fr 2fr 2fr 2fr;
            grid-gap: vh(20) vw(20);
            .search_btn {
                cursor: pointer;
                padding: 0px 10px;
                height: 36px;
                background: linear-gradient(180deg, #033748 0%, #169fc4 100%);
                border: 1px solid rgba(41, 173, 249, 0.4);
                .txt {
                    font-size: 14px;
                    color: white;
                }
            }
            .reset_btn {
                cursor: pointer;
                padding: 0px 10px;
                height: 36px;
                background: #002440; // 16171F
                border: 1px solid rgba(41, 173, 249, 0.4);
                .txt {
                    font-size: 14px;
                    color: white;
                }
            }
        }
        .epi_census {
            padding: vh(1) vw(12);
            background: rgba(45, 255, 205, 0.16);
            border: 1px solid rgba(45, 255, 205, 0.32);
            border-radius: 2px;
            color: #2DFFCD;
        }

        // 地图
        #mapDiv {
            // background-color: rgb(0, 50, 100) !important;
            // background-color: rgb(250, 250, 250) !important;
        }
        .big-map-mark {
            width: vw(270) !important;
            padding: vh(20) vw(20) vh(20) vw(20);
            line-height: vh(25);
            color: #ffffff;

            background: url("~@/assets/images/proview/popover3.png") no-repeat; // rgba(0, 34, 61, 0.92)
            background-size: 100% 100%;
            // border: 2px solid rgba(23, 178, 217, 0.6);
            box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(4px);
            .label_text {
                color: #2ef7fc !important;
            }
            .action {
                display: inline-block;
                color: #2ef7fc;
                cursor: pointer;
                font-size: vh(12);
            }
            .detail {
                margin-right: vw(40);
                width: 100%;
                line-height: vh(40);
                text-align: center;
                color: #2ef7fc !important;
                background: rgba(22, 159, 196, 0.08);
                border: 1px solid #169fc4;
            }
        }
        .tdt-infowindow-content-wrapper {
            background: none !important;
            box-shadow: none !important;
        }
        .tdt-infowindow-content {
            margin: 0 !important;
        }
        .tdt-infowindow-close-button {
            z-index: 98;
            color: #fff;
            font-size: vh(14);
            top: vh(10) !important;
            right: vw(10) !important;
        }
        .tdt-infowindow-tip-container {
            display: none !important;
        }
    }

    .height393 {
        height: vh(393);
    }
    .height437 {
        height: vh(437);
    }
    .height451 {
        height: vh(451);
    }
    .height485 {
        height: vh(485);
    }
    .height490 {
        height: vh(490);
    }
    .height500 {
        height: vh(500);
    }
    .height520 {
        height: vh(520);
    }

    .width400 {
        width: vw(400);
    }
}
